<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2618453_b1jn1vfgidl.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/details.css">
    <title>产品详情</title>
</head>

<body>
    <header>
        <ul>
            <li class="back">
                <a href="./index.html">
                    <input type="button" value="back">
                </a>
            </li>
            <li>
                <span>发现</span>
            </li>
            <li>
                <img src="./images/星.png" alt="">
            </li>
        </ul>

    </header>
    <div class="content">
        <div class="bg">
            <img src="./images/dbg.png" alt="">
        </div>
        <div class="box1">
            <p>￥32</p>
            <p>购买</p>
        </div>
        <div class="box2">
            <div class="sub_box2">
                <img src="./images/星.png" />
                <p>好评度<span>99%</span></p>
            </div>
            <p>共605个评价></p>
        </div>
        <div class="box3">
            <span>适用商户</span>
            <span>></span>
        </div>
        <div class="gbox">
            <img src="./images/万岁寿司正佳店.png" />
            <div class="center_text">
                <h1>万岁寿司（正佳店）</h1>
                <div class="fivestart">
                    <img src="./images/星.png" />
                    <img src="./images/星.png" />
                    <img src="./images/星.png" />
                    <img src="./images/星.png" />
                    <img src="./images/星.png" />
                    <p class="right_text">进入</p>
                    <span>10分</span>
                </div>
                <p class="center_text2">离你100m</p>
                <p class="center_text3">查看详情</p>
            </div>
        </div>
        <div class="gbox">
            <img src="./images/万岁寿司体育西店.png" />
            <div class="center_text">
                <h1>万岁寿司（体育西店）</h1>
                <div class="fivestart">
                    <img src="./images/星.png" />
                    <img src="./images/星.png" />
                    <img src="./images/星.png" />
                    <img src="./images/星.png" />
                    <img src="./images/星.png" />
                    <p class="right_text">进入</p>
                    <span>10分</span>
                </div>
                <p class="center_text2">离你100m</p>
                <p class="center_text3">查看详情</p>
            </div>
        </div>
        <div class="gbox">
            <img src="./images/万岁寿司昌岗店.png" />
            <div class="center_text">
                <h1>万岁寿司（昌岗店）</h1>
                <div class="fivestart">
                    <img src="./images/星.png" />
                    <img src="./images/星.png" />
                    <img src="./images/星.png" />
                    <img src="./images/星.png" />
                    <img src="./images/星.png" />
                    <p class="right_text">进入</p>
                    <span>10分</span>
                </div>
                <p class="center_text2">离你100m</p>
                <p class="center_text3">查看详情</p>
            </div>
        </div>
    </div>
    <div class="footer">
        <a href="./index.html" style="text-decoration: none;">
            <div>
                <i class="iconfont icon-shouye"></i>
                <span>首页</span>
            </div>
        </a>
        <a href="./classification.html" style="text-decoration: none;">
            <div>
                <i class="iconfont icon-faxian"></i>
                <span>分类</span>
            </div>
        </a>
        <a href="./find.html" style="text-decoration: none;">
            <div>
                <i class="iconfont icon-faxian1"></i>
                <span>发现</span>
            </div>
        </a>
        <a href="./my.html" style="text-decoration: none;">
            <div>
                <i class="iconfont icon-wode"></i>
                <span>我的</span>
            </div>
        </a>
    </div>
</body>

</html>